<!--
Author: W3layouts
Author URL: http://w3layouts.com
-->
<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>主页</title>
    <!-- google-fonts -->
    <link href="//fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap"
        rel="stylesheet">
    <!-- //google-fonts -->
    <!-- Template CSS Style link -->
    <link rel="stylesheet" href="/static/assets/css/style-starter.css">
</head>

<body>
    <!--header-->
    <header id="site-header" class="fixed-top">
        <div class="container">
            <nav class="navbar navbar-expand-lg stroke">
                <h1>
                    <a class="navbar-brand" href="/web/pagesIndex">
                        <img class="img-fluid" style="width: 70px;height: 70px;" src="/static/assets/images/logo.jpg" alt=" ">
                        高邮文化宣传站
                    </a>
                </h1>
                <!-- if logo is image enable this
    <a class="navbar-brand" href="#index.html">
        <img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
    </a> -->
                <button class="navbar-toggler  collapsed bg-gradient" type="button" data-toggle="collapse"
                    data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
                    <span class="navbar-toggler-icon fa icon-close fa-times"></span>
                </button>

                <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
                    <ul class="navbar-nav ml-lg-auto">
                        <li class="nav-item active">
                            <a class="nav-link" href="/web/pagesIndex">主页 <span class="sr-only">(current)</span></a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link" href="/web/courses">景点/特色</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="/web/contact">留言</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="/web/myCourse">我预定的</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="/web/homework">到访体验</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link" href="/web/forum">讨论区</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="/web/addArticle">发表讨论</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="/web/personal">个人中心</a>
                        </li>
                        <!-- search button -->
                        <div class="search-right">
                            <a href="javascript:void(0)" id="logout" class="btn button-style" title="退出登录">退出</a>
                            <!-- search popup -->
                            <div id="search" class="pop-overlay">
                                <div class="popup">
                                    <h4 class="search-pop-text-w3 text-white text-center mb-4">Search Here Your
                                        Online Course
                                    </h4>
                                    <form action="#error" method="GET" class="search-box">
                                        <div class="input-search"> <span class="fa fa-search mr-2"
                                                aria-hidden="true"></span><input type="search"
                                                placeholder="Enter Keyword" name="search" required="required"
                                                autofocus="">
                                        </div>
                                        <button type="submit" class="btn button-style">Search</button>
                                    </form>
                                </div>
                                <a class="close" href="#close">×</a>
                            </div>
                            <!-- //search popup -->
                        </div>
                        <!-- //search button -->
                    </ul>
                </div>
                <!-- toggle switch for light and dark theme -->
                <div class="cont-ser-position">
                    <nav class="navigation">
                        <div class="theme-switch-wrapper">
                            <label class="theme-switch" for="checkbox">
                                <input type="checkbox" id="checkbox">
                                <div class="mode-container">
                                    <i class="gg-sun"></i>
                                    <i class="gg-moon"></i>
                                </div>
                            </label>
                        </div>
                    </nav>
                </div>
                <!-- //toggle switch for light and dark theme -->
            </nav>
        </div>
    </header>
    <!--//header-->
    <!-- banner section -->
    <section id="home" class="w3l-banner py-5">
        <div class="container pt-5 pb-md-4">
            <div class="row align-items-center">
                <div class="col-md-6 banner-left pt-md-0 pt-5">
                    <h3 class="mb-sm-4 mb-3 title" style="color: #000000">这是一种新的方式<br> 来 <span class="type-js"><span
                                class="text-js">认识高邮</span></span></h3>
                    <div class="mt-md-5 mt-4 mb-lg-0 mb-4">
                        <a class="btn button-style" href="/web/courses">了解景点/特色<i class="fa fa-angle-double-right"
                                aria-hidden="true"></i></a>
                    </div>
                </div>
<!--                <div class="col-md-6 banner-right mt-md-0 mt-4">-->
<!--                    <img  src="/static/assets/images/b1.png" style="background-size: 100% 100%" alt=" ">-->
<!--                </div>-->
            </div>
        </div>
    </section>
    <!-- //banner section -->
    <!-- banner bottom section -->
    <div class="w3l-index-block4 pb-5">
        <div class="features-bg pb-lg-5 pt-lg-4 py-4">
            <div class="container">
                <div class="title-main text-center mx-auto mb-md-4">
                    <h3 class="title-big">我们的景点/特色</h3>
                    <p class="sub-title mt-2">你不需要担心景点/特色很难，我们有专业的当地名人.</p>
                </div>
                <div class="row" id="courses">

                </div>
            </div>
        </div>
    </div>
    <!-- //banner bottom section -->
    <!-- middle section -->
    <section class="w3l-servicesblock py-md-5 py-4">
        <div class="container pb-2">
            <div class="row align-items-center">
                <div class="col-lg-6 left-wthree-img pr-lg-4">
                    <img src="assets/images/img1.jpg" alt="" class="img-fluid">
                </div>
                <div class="col-lg-6 about-right-faq align-self mb-lg-0 mb-5 pl-xl-5" >
                    <h6 style="color: #ffffff;font-size: 20px">关于我们</h6>
                    <h3 class="title-big mb-3" style="color: #f1f1f1">我们提供什么 <br>特色高邮文化</h3>
                    <p style="color: #f1f1f1">我们能够提供优质的线上当地名人宣传网站知识，包含旅行文化简介、旅行票务......</p>
                    <div class="row mt-lg-5 mt-4 mb-2">
                        <div class="col-sm-6">
                            <div class="d-flex align-items-center left-insp-art">
                                <img src="/static/assets/images/book.png" alt="" class="img-fluid mr-3">
                                <h6 style="color: #ffffff">探索自然美景</h6>
                            </div>
                        </div>
                        <div class="col-sm-6 mt-sm-0 mt-4">
                            <div class="d-flex align-items-center left-insp-art">
                                <img src="/static/assets/images/book2.png" alt="" class="img-fluid mr-3">
                                <h6 style="color: #ffffff">追寻高邮文化</h6>
                            </div>
                        </div>
                    </div>
                    <a class="btn button-style button-2 mt-lg-5 mt-4" href="/web/contact">留言<i
                            class="fa fa-angle-double-right" aria-hidden="true"></i></a>
                </div>
            </div>
        </div>
    </section>
    <!-- //middle section -->
    <!-- teams 32 block -->
    <section class="w3l-teams-32-main py-5">
        <div class="teams-32 py-md-4">
            <div class="container">
                <div class="title-main text-center mx-auto mb-4">
                    <h3 class="title-big">我们的当地名人</h3>
                    <p class="sub-title mt-2">他们是一群优秀的当地名人，绝对能带你领教特色高邮文化.</p>
                </div>
                <div class="row main-contteam-32 mt-sm-5 pt-lg-2" id="teacherList">


                </div>
            </div>
        </div>
    </section>
    <!-- //teams 32 block -->
    <section class="w3l-teams-32-main py-5">
        <div class="teams-32 py-md-4">
            <div class="container">
                <div class="title-main text-center mx-auto mb-4">
                    <h3 class="title-big">我们的网站公告</h3>
                    <p class="sub-title mt-2">读懂特色高邮文化，请先看此公告.</p>
                </div>
                <div class="row main-contteam-32 mt-sm-5 pt-lg-2" id="gonggaoList">


                </div>
            </div>
        </div>
    </section>
<!--    <section class="w3l-teams-32-main py-5">-->
<!--        <div class="teams-32 py-md-4">-->
<!--            <div class="container">-->
<!--                <div class="title-main text-center mx-auto mb-4">-->
<!--                    <h3 class="title-big">名人字画</h3>-->
<!--                    <p class="sub-title mt-2">赏名画.</p>-->
<!--                </div>-->
<!--                <div class="row main-contteam-32 mt-sm-5 pt-lg-2" id="zihuaList">-->


<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </section>-->
   <section class="w3l-teams-32-main py-5">
        <div class="teams-32 py-md-4">
            <div class="container">
                <div class="title-main text-center mx-auto mb-4">
                    <h3 class="title-big">文化历史渊源</h3>
                    <p class="sub-title mt-2">学高邮文化历史.</p>
                </div>
                <div class="row main-contteam-32 mt-sm-5 pt-lg-2" id="lishiList">


                </div>
            </div>
        </div>
    </section>

    <!-- footer -->
    <footer class="w3l-footer-22 position-relative mt-5 pt-5">
        <div class="footer-sub">
            <div class="container">
                <div class="text-txt">
                    <div class="right-side text-center">
                        <h4 style="color: white">你想一览高邮文化风采吗</h4>
                        <a class="btn button-style mt-4" href="/web/courses">想成为<i
                                class="fa fa-angle-double-right" aria-hidden="true"></i></a>
                    </div>
                    <div class="row sub-columns">
                        <div class="col-lg-4 col-md-6 col-sm-8 sub-one-left">
                            <h6>网站介绍 </h6>
                            <p>这是一个神奇的用户网站</p>

                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- copyright -->
        <div class="copyright-footer text-center">
            <div class="container">
                <div class="columns">
                    <p>
                        @2025-三岁猫咪真的帅
                    </p>
                </div>
            </div>
        </div>
        <!-- //copyright -->
    </footer>
    <!-- //footer -->

    <!-- Js scripts -->
    <!-- move top -->
    <button onclick="topFunction()" id="movetop" title="Go to top">
        <span class="fa fa-level-up" aria-hidden="true"></span>
    </button>
    <script>
        // When the user scrolls down 20px from the top of the document, show the button
        window.onscroll = function () {
            scrollFunction()
        };

        function scrollFunction() {
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                document.getElementById("movetop").style.display = "block";
            } else {
                document.getElementById("movetop").style.display = "none";
            }
        }

        // When the user clicks on the button, scroll to the top of the document
        function topFunction() {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        }
    </script>
    <!-- //move top -->

    <!-- common jquery plugin -->
    <script src="/static/assets/js/jquery-3.3.1.min.js"></script>
    <!-- //common jquery plugin -->

    <!-- theme switch js (light and dark)-->
    <script src="/static/assets/js/theme-change.js"></script>
    <script>
        function autoType(elementClass, typingSpeed) {
            var thhis = $(elementClass);
            thhis.css({
                "position": "relative",
                "display": "inline-block"
            });
            thhis.prepend('<div class="cursor" style="right: initial; left:0;"></div>');
            thhis = thhis.find(".text-js");
            var text = thhis.text().trim().split('');
            var amntOfChars = text.length;
            var newString = "";
            thhis.text("|");
            setTimeout(function () {
                thhis.css("opacity", 1);
                thhis.prev().removeAttr("style");
                thhis.text("");
                for (var i = 0; i < amntOfChars; i++) {
                    (function (i, char) {
                        setTimeout(function () {
                            newString += char;
                            thhis.text(newString);
                        }, i * typingSpeed);
                    })(i + 1, text[i]);
                }
            }, 1500);
        }

        $(document).ready(function () {
            // Now to start autoTyping just call the autoType function with the
            // class of outer div
            // The second paramter is the speed between each letter is typed.
            autoType(".type-js", 200);
        });
    </script>
    <!-- //theme switch js (light and dark)-->

    <!-- magnific popup -->
    <script src="/static/assets/js/jquery.magnific-popup.min.js"></script>
    <script>
        $(document).ready(function () {
            $('.popup-with-zoom-anim').magnificPopup({
                type: 'inline',

                fixedContentPos: false,
                fixedBgPos: true,

                overflowY: 'auto',

                closeBtnInside: true,
                preloader: false,

                midClick: true,
                removalDelay: 300,
                mainClass: 'my-mfp-zoom-in'
            });

            $('.popup-with-move-anim').magnificPopup({
                type: 'inline',

                fixedContentPos: false,
                fixedBgPos: true,

                overflowY: 'auto',

                closeBtnInside: true,
                preloader: false,

                midClick: true,
                removalDelay: 300,
                mainClass: 'my-mfp-slide-bottom'
            });
        });
    </script>
    <!-- //magnific popup -->

    <!-- MENU-JS -->
    <script>
        $(window).on("scroll", function () {
            var scroll = $(window).scrollTop();

            if (scroll >= 80) {
                $("#site-header").addClass("nav-fixed");
            } else {
                $("#site-header").removeClass("nav-fixed");
            }
        });

        //Main navigation Active Class Add Remove
        $(".navbar-toggler").on("click", function () {
            $("header").toggleClass("active");
        });
        $(document).on("ready", function () {
            if ($(window).width() > 991) {
                $("header").removeClass("active");
            }
            $(window).on("resize", function () {
                if ($(window).width() > 991) {
                    $("header").removeClass("active");
                }
            });
        });
    </script>
    <!-- //MENU-JS -->

    <!-- for testimonials carousel -->
    <script src="/static/assets/js/owl.carousel.js"></script>

    <!-- //for testimonials carousel -->
    <script src="/static/hAdmin/js/jquery.min.js?v=2.1.4"></script>
    <!-- disable body scroll which navbar is in active -->
    <script>
        $(function () {
            $('.navbar-toggler').click(function () {
                $('body').toggleClass('noscroll');
            })
        });
    </script>
    <!-- //disable body scroll which navbar is in active -->

    <!--bootstrap-->
    <script src="/static/assets/js/bootstrap.min.js"></script>
    <!-- //bootstrap-->
    <!-- //Js scripts -->
    <span id="gloUrl" style="display: none"></span>

    <script src="/static/js/GloJs.js"></script>
    <script>


        $(function () {

            let Glo_BaseUrl = $("#gloUrl").attr("gloUValue")
            let Glo_user = localStorage.getItem("userId")
            let currentPage = $("#pageHelper").attr("currentPage");

// 退出登录
            $("#logout").click(function (){
                $.ajax({
                    url: Glo_BaseUrl + "/admin/logout",
                    type: "get",
                    data: {

                    },
                    success: function (data) {
                        location.reload()
                        localStorage.removeItem("dept")
                        localStorage.removeItem("userId")
                    },
                    error: function () {
                        alert("服务器异常！network error！")
                    }
                })
            })
            function getCourseList() {
                let total = 0;//总数
                let pageSize = 6;//每页条数
                let html_dom = $("#courses")

                setTimeout(function () {
                    $.ajax({
                        url: Glo_BaseUrl + "/courseInfo/list",
                        type: "get",
                        data: {
                            "pageSize": pageSize,
                            "pageNum": 1,
                        },
                        success: function (data) {
                            let ListStr = ''
                            total = data.total
                            for (let i = 0; i < data.list.length; i++) {
                                let item = data.list[i]

                                ListStr +=
                                    `<div class="col-lg-4 col-md-6 features15-col-text">
                        <a href="/web/courseDetail" class="d-flex feature-unit align-items-center seeDetail"
                           thisId="${item.id}">
                            <div class="col-4">
                                <div class="features15-info">
                                    <img class="img-fluid" src="${item.pic}" alt=" ">
                                </div>
                            </div>
                            <div class="col-8">
                                <div class="features15-para">
                                    <h6>价格：${item.price}</h6>
                                    <h4>${item.courseName}</h4>
                                    <p>内容：${item.content}</p>
                                </div>
                            </div>
                        </a>
                    </div>

                `
                            }

                            if (data.code !== 500) {
                                html_dom.html("")
                                html_dom.append(ListStr)
                                getRoleSetMenu()
                            } else {
                                alert("获取失败")
                            }
                            total = data.total
                            $("#data_total").html(data.total);
                            getRoleSetMenu()


                            //编辑
                            $(".seeDetail").unbind().click(function () {
                                localStorage.setItem("id", $(this).attr("thisId"));

                            });


                        },
                        error: function () {
                            alert("服务器异常！network error！")
                        }
                    });
                }, 300)
            }

            function getUserList() {

                let pageSize = 6;//每页条数
                let html_dom = $("#teacherList")


                setTimeout(function () {
                    $.ajax({
                        url: Glo_BaseUrl + "/teacher/list",
                        type: "get",
                        data: {
                            "pageSize": pageSize,
                            "pageNum": 1,
                        },
                        success: function (data) {

                            let ListStr = ''
                            for (let i = 0; i < data.list.length; i++) {
                                let item = data.list[i]

                                ListStr +=
                                    `<div class="col-lg-3 col-6 team-main-19">
                        <div class="column-19">
                            <a href="/web/teacherDetail" class="seeDetail" thisId="${item.id}"><img class="img-fluid" src="${item.img}" alt=" "></a>
                        </div>
                        <div class="right-team-9">
                            <h6><a href="#team" class="title-team-32">${item.username}</a></h6>
                            <p class="sm-text-32">联系方式：${item.phonenumber} </p>
                        </div>
                    </div>
                `

                            }

                            if (data.code !== 500) {
                                html_dom.html("")
                                html_dom.append(ListStr)
                            } else {
                                alert("获取失败")
                            }


                            //详情
                            $('.seeDetail').unbind().click(function () {
                                let  id = $(this).attr("thisId")
                                // console.log(id)
                                localStorage.setItem("id",id)

                            });

                        },
                        error: function () {
                            alert("服务器异常！network error！")
                        }
                    });
                }, 300)


            }
            function getNoticeList() {

                let pageSize = 6;//每页条数
                let html_dom = $("#gonggaoList")


                setTimeout(function () {
                    $.ajax({
                        url: Glo_BaseUrl + "/qTitle/list",
                        type: "get",
                        data: {
                            "pageSize": pageSize,
                            "pageNum": 1,
                        },
                        success: function (data) {

                            let ListStr = ''
                            for (let i = 0; i < data.list.length; i++) {
                                let item = data.list[i]

                                ListStr +=
                                    `<div class="col-lg-3 col-6 team-main-19">
                        <div class="column-19">
                            <a href="/web/notice" class="seeDetail" thisId="${item.id}">
                            <img class="img-fluid" src="${item.pic}" alt=" "></a>
                        </div>
                        <div class="right-team-9">
                            <h6><a href="#team" class="title-team-32">${item.title}</a></h6>
                            <p class="sm-text-32">内容：${item.content} </p>
                        </div>
                    </div>
                `

                            }

                            if (data.code !== 500) {
                                html_dom.html("")
                                html_dom.append(ListStr)
                            } else {
                                alert("获取失败")
                            }


                            //详情
                            $('.seeDetail').unbind().click(function () {
                                let  id = $(this).attr("thisId")
                                // console.log(id)
                                localStorage.setItem("id",id)

                            });

                        },
                        error: function () {
                            alert("服务器异常！network error！")
                        }
                    });
                }, 300)


            }
            function getZihuaList() {

                let pageSize = 6;//每页条数
                let html_dom = $("#zihuaList")


                setTimeout(function () {
                    $.ajax({
                        url: Glo_BaseUrl + "/mingrenzihua/list",
                        type: "get",
                        data: {
                            "pageSize": pageSize,
                            "pageNum": 1,
                        },
                        success: function (data) {

                            let ListStr = ''
                            for (let i = 0; i < data.list.length; i++) {
                                let item = data.list[i]

                                ListStr +=
                                    `<div class="col-lg-3 col-6 team-main-19">
                        <div class="column-19">
                            <a href="/web/mingrenzihua" class="seeDetail" thisId="${item.id}">
                            <img class="img-fluid" src="${item.pic}" alt=" "></a>
                        </div>
                        <div class="right-team-9">
                            <h6><a href="#team" class="title-team-32">${item.title}</a></h6>
                            <p class="sm-text-32">内容：${item.content} </p>
                        </div>
                    </div>
                `

                            }

                            if (data.code !== 500) {
                                html_dom.html("")
                                html_dom.append(ListStr)
                            } else {
                                alert("获取失败")
                            }


                            //详情
                            $('.seeDetail').unbind().click(function () {
                                let  id = $(this).attr("thisId")
                                // console.log(id)
                                localStorage.setItem("id",id)

                            });

                        },
                        error: function () {
                            alert("服务器异常！network error！")
                        }
                    });
                }, 300)


            }
        function getlishiList() {

                let pageSize = 6;//每页条数
                let html_dom = $("#lishiList")


                setTimeout(function () {
                    $.ajax({
                        url: Glo_BaseUrl + "/lishiyuanyuan/list",
                        type: "get",
                        data: {
                            "pageSize": pageSize,
                            "pageNum": 1,
                        },
                        success: function (data) {

                            let ListStr = ''
                            for (let i = 0; i < data.list.length; i++) {
                                let item = data.list[i]

                                ListStr +=
                                    `<div class="col-lg-3 col-6 team-main-19">
                        <div class="column-19">
                            <a href="/web/lishiyuanyuan" class="seeDetail" thisId="${item.id}">
                            <img class="img-fluid" src="${item.pic}" alt=" "></a>
                        </div>
                        <div class="right-team-9">
                            <h6><a href="#team" class="title-team-32">${item.title}</a></h6>
                            <p class="sm-text-32">内容：${item.content} </p>
                        </div>
                    </div>
                `

                            }

                            if (data.code !== 500) {
                                html_dom.html("")
                                html_dom.append(ListStr)
                            } else {
                                alert("获取失败")
                            }


                            //详情
                            $('.seeDetail').unbind().click(function () {
                                let  id = $(this).attr("thisId")
                                // console.log(id)
                                localStorage.setItem("id",id)

                            });

                        },
                        error: function () {
                            alert("服务器异常！network error！")
                        }
                    });
                }, 300)


            }

            //*******************************************
            getCourseList(2)
            getUserList()
            getNoticeList()
            // getZihuaList()
            getlishiList()

        })
    </script>
</body>

</html>
